<script setup lang="ts">
import { ref } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const onClickLeft = () => {
  router.push("/gdys");
};
import { defineProps } from "vue";
const props = defineProps({
  gzks: Boolean,
 fs: Function 
});

const active = ref(0);
const items = [
  {
    text: "全部",
    children: [{ text: "全部科室", id: 1 }],
  },
  {
    text: "内科",
    children: [
      { text: "呼吸内科", id: 2 },
      { text: "消化内科", id: 3 },
      { text: "神经内科", id: 4 },
      { text: "内分泌科", id: 5 },
      { text: "心血管内科", id: 6 },
      { text: "风湿免疫科", id: 7 },
      { text: "血液内科", id: 8 },
      { text: "肾内科", id: 9 },
      { text: "感染内科", id: 10 },
      { text: "老年病科", id: 11 },
      { text: "普通内科", id: 12 },
      { text: "高压氧科", id: 13 },
      { text: "过敏反应科", id: 14 },
    ],
  },
  {
    text: "外科",
    children: [
      { text: "普通外科", id: 15 },
      { text: "泌尿外科", id: 16 },
      { text: "胸外科", id: 17 },
      { text: "心血管外科", id: 18 },
      { text: "神经外科", id: 19 },
      { text: "胃肠外科", id: 20 },
      { text: "肝胆外科", id: 21 },
      { text: "肛肠外科", id: 22 },
      { text: "烧伤科", id: 23 },
      { text: "器官移植", id: 24 },
      { text: "血管外科", id: 25 },
      { text: "甲状腺外科", id: 26 },
      { text: "乳腺外科", id: 27 },
      { text: "介入医学科", id: 28 },
    ],
  },
  {
    text: "妇产科",
    children: [
      { text: "妇产科", id: 29 },
      { text: "产科", id: 30 },
      { text: "妇科", id: 31 },
      { text: "计划生育科", id: 32 },
      { text: "生殖医学科", id: 33 },
      { text: "遗传咨询科", id: 34 },
      { text: "妇科内分泌", id: 35 },
      { text: "妇科肿瘤", id: 36 },
      { text: "产前检查科", id: 37 },
    ],
  },
  {
    text: "儿科",
    children: [
      { text: "新生儿科", id: 38 },
      { text: "新生儿外科", id: 39 },
      { text: "小儿内科", id: 40 },
      { text: "小儿呼吸科", id: 41 },
      { text: "小儿消化科", id: 42 },
      { text: "小儿心内科", id: 43 },
      { text: "小儿肾内科", id: 44 },
      { text: "小儿神经内科", id: 45 },
      { text: "小儿泌尿外科", id: 46 },
      { text: "小儿血液科", id: 47 },
      { text: "小儿内分泌科", id: 48 },
      { text: "小儿风湿免疫科", id: 49 },
      { text: "小儿外科", id: 50 },
      { text: "小儿康复科", id: 51 },
      { text: "小儿皮肤科", id: 52 },
      { text: "小儿耳鼻喉科", id: 53 },
      { text: "小儿眼科", id: 54 },
      { text: "小儿口腔科", id: 55 },
      { text: "儿童保健科", id: 56 },
      { text: "小儿急救科", id: 57 },
      { text: "小儿整形科", id: 58 },
      { text: "小儿骨科", id: 59 },
      { text: "小儿神经外科", id: 60 },
      { text: "小儿胸外科", id: 61 },
      { text: "小儿心外科", id: 62 },
      { text: "小二普外科", id: 63 },
      { text: "小儿妇科", id: 64 },
      { text: "小儿精神科", id: 65 },
      { text: "小儿皮肤科", id: 66 },
      { text: "小儿感染科", id: 67 },
      { text: "小儿血液内科", id: 68 },
    ],
  },
  {
    text: "眼科",
    children: [
      { text: "眼底科", id: 69 },
      { text: "白内障科", id: 70 },
      { text: "角膜科", id: 71 },
      { text: "青光眼科", id: 72 },
      { text: "眼外伤科", id: 73 },
      { text: "小儿眼科", id: 74 },
      { text: "眼视光学科", id: 75 },
      { text: "眼眶及眼肿瘤科", id: 76 },
      { text: "眼整形科", id: 77 },
    ],
  },
  {
    text: "口腔科",
    children: [
      { text: "口腔预防科", id: 78 },
      { text: "口腔正畸科", id: 79 },
      { text: "口腔修复科", id: 80 },
      { text: "口腔黏膜科", id: 81 },
      { text: "牙体牙植科", id: 82 },
      { text: "牙周科", id: 83 },
      { text: "种植科", id: 84 },
      { text: "种植科", id: 85 },
      { text: "颌面外科", id: 86 },
      { text: "儿童口腔科", id: 87 },
    ],
  },
  {
    text: "耳鼻咽喉头颈科",
    children: [
      { text: "耳鼻喉科", id: 88 },
      { text: "头颈外科", id: 89 },
      { text: "耳科", id: 90 },
      { text: "鼻科", id: 91 },
      { text: "喉科", id: 92 },
    ],
  },
  {
    text: "肿瘤科",
    children: [
      { text: "肿瘤内科", id: 93 },
      { text: "肿瘤外科", id: 94 },
      { text: "放疗科", id: 95 },
    ],
  },
  {
    text: "皮肤性病科",
    children: [
      { text: "皮肤科", id: 96 },
      { text: "性病科", id: 97 },
    ],
  },
  {
    text: "中医科",
    children: [
      { text: "中医科", id: 98 },
      { text: "中医妇产科", id: 99 },
      { text: "中医儿科", id: 100 },
      { text: "中医内分泌科", id: 101 },
      { text: "中医消化科", id: 102 },
      { text: "中医呼吸科", id: 103 },
      { text: "中医肾病科", id: 104 },
      { text: "中医免疫内科", id: 105 },
      { text: "中医心内科", id: 106 },
      { text: "中医血液科", id: 107 },
      { text: "中医神经内科", id: 108 },
      { text: "中医肝病科", id: 109 },
      { text: "中医感染内科", id: 110 },
      { text: "中医肿瘤科", id: 111 },
      { text: "中医皮肤科", id: 112 },
      { text: "中医男科", id: 113 },
      { text: "中医外科", id: 114 },
      { text: "中医骨科", id: 115 },
      { text: "中医乳腺外科", id: 116 },
      { text: "中医肛肠科", id: 117 },
      { text: "中医精神科", id: 118 },
      { text: "中医眼科", id: 119 },
      { text: "中医耳鼻咽喉科", id: 120 },
      { text: "中医按摩科", id: 121 },
      { text: "针灸科", id: 122 },
    ],
  },
  {
    text: "中西医结合科",
    children: [{ text: "中西医结合科", id: 123 }],
  },
  {
    text: "医学影像和放射治疗科",
    children: [
      { text: "超声医学科", id: 124 },
      { text: "放射科", id: 125 },
      { text: "核医学科", id: 126 },
    ],
  },
  {
    text: "全科",
    children: [{ text: "全科医学科", id: 127 }],
  },
  {
    text: "预防保健科",
    children: [{ text: "预防保健科", id: 128 }],
  },
];
let kg = true;
const activeId = ref(1);
const activeIndex = ref(0);
// 要传的数据
const listData = ref<string>("");
const onClick = (activeId: number) => {
  kg = false;
  for (var i = 0; i < items.length; i++) {
    let list = items[i].text;
    let data = items[i].children.length;
    for (var v = 0; v < items[i].children.length; v++) {
      let dataList = items[i].children[v].id;
      if (activeId === dataList) {
        listData.value = items[i].children[v].text;
      }
    }
  }
  props.fs(listData.value)
};
</script>

<template>
  <van-nav-bar v-if="props.gzks" title="问专家" left-arrow @click-left="onClickLeft">
    <template #right>
      <van-icon name="weapp-nav" size="18" />
    </template>
  </van-nav-bar>
  <dir class="box">
    <van-tree-select
      style="height: 100vh"
      v-model:active-id="activeId"
      v-model:main-active-index="activeIndex"
      :items="items"
      @click-item="onClick(activeId)"
      v-if="kg"
      :onEvent="listData"
    />
  </dir>
</template>

<style scoped lang="scss">
.box {
  width: 95%;
  position: fixed;
  height: 100%;
  overflow: auto;
  float: left;
}
</style>
